.main {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1600px;

  &__link {
    width: 537px;
    height: 164px;
    margin: 20px 0 50px;
    text-decoration: none;
  }

  &__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  &__background-image {
    position: absolute;
    object-fit: contain;
    top: 135px;
    left: 0;
    width: 731px;
    height: 877px;
  }

  @media (max-width: 1200px) {
    &__background-image {
      width: 45vw;
      height: 54vw;
    }
  }

  @media (min-width: 400px) and (max-width: 1000px) {
    &__link {
      width: 42vw;
      height: 12.5vw;
      margin: 2vw 0 5vw;
    }

    &__background-image {
      top: 110px;
    }
  }

  @media (max-width: 399px) {
    &__link {
      width: 80vw;
      height: 28vw;
      margin: 2vw 0 5vw;
    }

    &__background-image {
      top: 29vw;
    }
  }
}
